<template>
    <div>
         父组件的数据: <div>{{msg}}</div>
    </div>
</template>

<script>
export default {
    props:['msg'],
    data() {
        return {
           
            msg2:"小红"
        }

    },
    methods:{
    
    },
    beforeCreate() {
        // data 和 methods 等属性 并没有创建完成
        console.log("子---beforeCreate()"); 
       

    },
    created() {
        // data 和 methods 等属性创建完成 但是节点没有挂载
        console.log("子---created()");
    },
    beforeMount() {
        console.log("子---beforeMount()");
    },
    mounted() {
        console.log("子---mounted()");
     
    },
    beforeUpdate() {
        // 数据更新之后 页面更新之前
        console.log("子---beforeUpdate()",this.msg);

    },
    
    updated() {
        // 数据更新之后 页面更新完成
        console.log("子---updated()",this.msg);
        const fNode = document.querySelector("#fNode")
        console.log(fNode.innerHTML);

    },
    beforeDestroy() {
        console.log("子---beforeDestroy()...");
    },
    destroyed() {
        console.log("子---destroyed()...");
    }
};
</script>

<style>

</style>
